﻿<caltech-header title="Reports">
    <h2 class="visible-print">REPORT</h2>
    <style>
        @media print {
            h3 {
                font-weight: 500;
                font-size: 16px;
                color: #000!important;
            }
            .nav-tabs {
                border:0;
            }
        }
        @page {
            margin-left:-150px;
            margin-right:-150px;
            size: landscape;
        }
    </style>
</caltech-header>
<div class="page-reports" ng-controller="reportsController">
    <div class="row">
        <div class="col-xs-12">
            <tabset>
                <tab class="hidden-print report-tab btn-info" heading="Monthly report">
                    <monthly-report></monthly-report>
                </tab>
                <tab class="hidden-print report-tab btn-info" heading="Quarterly report">
                    <quarterly-report></quarterly-report>
                </tab>
                <tab class="hidden-print report-tab btn-info" heading="Yearly report">
                    <yearly-report></yearly-report>
                </tab>
            </tabset>
        </div>
    </div>
</div>
